사이트 내 전체검색
자바스크립트
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X)
https://cmd.kr/javascript/210 URL이 복사되었습니다.
8,454 0 2009.10.29 06:18

본문

<script language="javascript">
<!--

var stmnLEFT = 10; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 10; // 페이지 헤더부분의 여백
var stmnGAP2 = 200; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 100; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 0; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 0; // 스크롤되는 속도 (클수록 늦게 움직임)

var stmnTimer;

function ReadCookie(name) {
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;

while (i < cLen) {
      var j = i + labelLen;

      if (document.cookie.substring(i, j) == label) {
              var cEnd = document.cookie.indexOf(";", j);
              if (cEnd == -1) cEnd = document.cookie.length;
              return unescape(document.cookie.substring(j, cEnd));
      }
              i++;
  }
 return "";
}

function SaveCookie(name, value, expire) {
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" +  eDate.toGMTString()+ "; path=/";
}

function RefreshStaticMenu()
      {
              var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

              stmnStartPoint = parseInt(STATICMENU.style.top, 10);

                                       
                                        stmnEndPoint = document.body.scrollTop + stmnGAP2;

                      stmnLimit = parseInt(window.document.body.scrollHeight) - parseInt(STATICMENU.offsetHeight);
                      if (stmnEndPoint > stmnLimit) stmnEndPoint = stmnLimit;
                                       
                                        if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

              stmnRefreshTimer = stmnActivateSpeed;

              if ( stmnStartPoint != stmnEndPoint ) {
                      stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                      STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                      stmnRefreshTimer = stmnScrollSpeed;
              }

              stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
      }

function ToggleAnimate() {
      if (!ANIMATE.checked) {
              RefreshStaticMenu();
              SaveCookie("ANIMATE", "true", 300);
              } else {
              clearTimeout(stmnTimer);
              STATICMENU.style.top = stmnGAP1;
              SaveCookie("ANIMATE", "false", 300);
      }
}

function InitializeStaticMenu() {
STATICMENU.style.left = stmnLEFT;
      if (ReadCookie("ANIMATE") == "false") {
              ANIMATE.checked = true;
              STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
              } else {
              ANIMATE.checked = false;
              STATICMENU.style.top = document.body.scrollTop + stmnBASE;
              RefreshStaticMenu();
      }
}
//-->
</script>



<div id="STATICMENU" style="position:absolute;width:150px;height:120px;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="border:1 solid #999999;">
<tr>
<td align="center" height="100">


이곳에 메뉴를 넣어주세요.


</td>
</tr>
<tr>
<td align="left" height="20"> <input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> 따라다님 끄기</td>
</tr>
</table>
</div>

<script language="javascript">
<!--
InitializeStaticMenu(); // 스크롤메뉴를 가동하는 자바스크립트
//-->
</script>




<br> <!--연습장용 -_-; (스크롤바를 생기게 하려면..)--!>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=22

댓글목록

등록된 댓글이 없습니다.

자바스크립트
831 (10/17P)

Search

Copyright © Cmd 명령어 18.117.9.138